<template>
  <div id="app">
  aaa
<anchoredheading :level="h_level">
Hello dynamic slot world!
<p slot="para"> text</p>
</anchoredheading>
  </div>
</template>

<script>
import anchoredheading from './child.vue'

export default {
  name: 'app',
  data () {
    return {
      foo: 'p_foo',
      h_level:1,
    }
  },
  components:{anchoredheading},
}
</script>
